<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>404</title>
    <link rel="stylesheet" href="../static/layui/dist/css/layui.css">
    <link rel="stylesheet" href="../static/css/my.css">
    <link rel="stylesheet" class="theme" type="text/css" href="../static/css/cyan.css">
    <style>
        .modal-content {position: relative; box-shadow: 0px 0px 10px rgba(95,184,120,.4);margin:0 auto; margin-top: 200px; color: #5FB878   ;border:1px solid #5FB878; text-align: center; width:300px; height: 200px;}
        .modal-header { margin-bottom: 10px; padding: 15px 0 8px; border-bottom: 3px solid #5FB878;}
        .modal-title {font-size: 17px; font-weight: 700;  margin-bottom: 3px;}
        .modal-body {font-weight: 400; font-size: 22px; padding: 0 10px; margin-top: 30px; margin-bottom:20px;}

    </style>
</head>
<body style="position: relative;">

<div class="modal-content">
    <div class="modal-header">
        温馨提示
    </div>
    <div class="modal-title"></div>

    <div class="modal-body"><div><i class="layui-icon" style="font-size: 28px; font-weight: bold;"> &#xe60c;</i> </div><?php echo(strip_tags($msg));?></div>
    <div class="modal-footer">
        页面自动 <a id="href" href="<?php echo($url);?>">跳转</a> 等待时间： <b id="wait"><?php echo($wait);?></b>
    </div>
</div>

<script src="../static/layui/dist/layui.js"></script>
<script>
    (function(){
        var wait = document.getElementById('wait'),
            href = document.getElementById('href').href;
        var interval = setInterval(function(){
            var time = --wait.innerHTML;
            if(time <= 0) {
                location.href = href;
                clearInterval(interval);
            };
        }, 1000);
    })();
</script>
</body>
</html>
